<template>
	<div id="app">
		<router-view></router-view>
	</div>
</template>

<script>
	export default {
		name: 'app'
	}
</script>

<style>
html,
	body {
		width: 100%;
		height: 100%;
		overflow: hidden;

	}
	#app {
		font-family: 'Avenir', Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
		width: 100%;
		height: 100%;
		min-height: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;

	}



	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	a{
		text-decoration: none;
		color: inherit;
	}
	input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
     box-shadow: 0 0 0px 1000px  transparent !important;
    /*background-color:  rgba(0,0,0,0)!important;
    background-image: none!important;*/
    color: white!important;
}
/*::-webkit-scrollbar{*/
	/*width:4px;*/

	/*}*/
	input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}

input[type="number"]{-moz-appearance:textfield;}

</style>
